html,body{
	width: 100%;
	overflow: hidden;
}
a,i{
	text-decoration: none;
	font-style: normal;
	
}
p{
	margin-bottom: 0px;
}
.bgimg{
	position: absolute;
	top: 3%;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	overflow: hidden;
}
.contentbox{
	z-index: 12;
	position: absolute;
	top: 23%;
	width: 100%;
}
p.time{
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: white;
	display: block;
}
p.time i{
	padding: 0px 10px;
	color: #B6B6B6;
	font-size: 18px;
}
p.numboxtitle {
	height: 16px;
    color: white;
    font-size: 10px;
}
button{
	background: rgba(0,0,0,0) !important;
	border:0px !important;
}
.numbox{
	float: left;
	width:100%;
	padding: 0px 12%;
}
.numbox button{
	float: left;
    background: rgba(0,0,0,0) !important;
    border: 0px !important;
    padding: 0px;
    width: 17%;
    margin: 0 1.5% 1% 0;
}
.numbox button:nth-child(1),.numbox button:nth-child(10){
	margin-left: 13%;
}
.numbox button:nth-child(5){
	margin-left: 5%;
}
.numbox button img{
	width: 100%;
}
.colorbox{
	float: left;
	width:100%;
	font-size: 10px;
	padding: 0px 12%;
}
.colorbox button{
	padding: 0px;
	width: 15%;
	margin: 0 5% 1% 0;
}
.colorbox button img{
	display: block;
	width: 100%;
}
.colorbox button:nth-child(1){
	margin-left: 14%;
}
.bigbox{
	float: left;
	width:100%;
	font-size: 10px;
	padding: 0px 12% 0 25%;
	margin-top: 2%;
}
.bigbox button {
    padding: 0px;
    width: 23%;
    margin: -10px 5% 1% 0;
    
}
.bigbox button img{
	display: block;
	width: 100%;
}
.bigbox button:nth-child(1){
	margin-left: 24%;
}

.moneybox{
	position: relative;
	float: left;
	width:100%;
	font-size: 10px;
	padding: 0px 0% 0 30%;
	margin-top: 2%;
}
.moneybox button{
	position: relative;
	padding: 0px;
    width: 16%;
    margin: 3% 4% 1% 0;
	border-radius: 50%;
    
}
.moneybox button img{
	display: block;
	width: 100%;
}
.addbox{
	float: left;
	width:100%;
	font-size: 10px;
	padding: 0px 0% 0 31%;
	margin-top:3%;
	line-height: 35px;
}
.addbox span{
	float: left;
	line-height: 40px;
	color: white;
	font-size: 12px;
}
.addbox span i{
	padding: 0px 6px;
	font-size: 14px;
}
.addbox a {
    float: right;
    margin-right: 26%;
    width: 23%;
    display:table-cell;
}
.addbox a img{
	width: 100%;
	vertical-align: middle;
}
.mask{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	background: rgba(0,0,0,.5);
}
.nomask img{
	-webkit-transform: scale(1.2);
      transform: scale(1.2);
}
.nomask span{
	display: none;
}
 .mui-popup-title {
 	display: none;
 }
 .alertbox{
 	position: fixed;
 	top: 0px;
 	left: 0px;
 	bottom: 0px;
 	right: 0px;
 	height: 100%;
 	width: 100%;
 	z-index: 666;
 	background: rgba(0,0,0,.5);
 	display: none;
 }
 .outbox {
    background: white;
    width: 60%;
    /* margin-left: 20%; */
    /* margin-top: 69%; */
    position: absolute;
    left: 20%;
    top: 38%;
    border-radius: 10px;
    text-align: center;
}
 .outbox p {
    line-height: 65px;
    border-bottom: 1px solid #C8C7CC;
    font-size: 15px;
    color: #505050;
}
 .outbox a{
 	line-height: 40px;
 	width: 50%;
 	float: left;
 	border-left: 1px solid #ccc;
 }
 .xiazhu button{
 	position: relative;
 }
span.chouma{
  position: absolute;
    left: 53%;
    top: 46%;
    width: 40%;
    height: 40%;
    /*background: url(../images/game2/chouma.png) no-repeat;*/
    background-position: 20% 20%;
    background-size: 100%;
    z-index: 667;
    display: none;
 }
 .choumaimg{
 	width: 100%;
 }
 .kaijiangbox {
       position: fixed;
    width: 100%;
    height: 100%;
    perspective: 4000px;
    z-index: 111;
    display: none;
    background: rgba(0,0,0,.5);
}

.kaijiang {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 40%;
    perspective: 4000px;
    z-index: 111;
    
}

.kaijiang img{
 			position: absolute;
 			top: 20%;
 			left: 0;
 			width: 30%;
 			height: 60%;
 			margin-left:35%;
 			transition:all 1s ease 0s;
 			border-radius: 3px;
}

